<route lang="jsonc" type="page">{
    "layout": "default",
    "needLogin": false,
    "style": {
        "navigationStyle": "custom"
    }
}</route>

<script lang="ts" setup>
import { taxTipsData, taxColumns, taxData } from './data'
</script>

<template>
    <view class="p-20rpx h-full bg-white">
        <view class="font-size-30rpx font-700">一、政策文件依据：</view>
        <view class="my-20rpx bg-#ecf5ff p-30rpx">
            <view class="font-size-24rpx">
                ①国税总局2025第16号《关于互联网平台企业为平台内从业人员办理扣缴申报、代办申报若干事项的公告》
            </view>
            <view class="font-size-24rpx mt-20rpx">
                ②征管和科技发展司2025-06-26发布的关于《国家税务总局关于互联网平台企业为平台内从业人员办理扣缴申报、代办申报若干事项的公告》的解读
            </view>
        </view>
        <view class="font-size-30rpx font-700 mb-20rpx">二、连续劳务个税计算公式：</view>
        <sar-table bordered>
            <template v-for="(item, index) in taxTipsData" :key="index">
                <sar-table-row>
                    <sar-table-cell :width="item.titleWidth">
                        <view class="p-20rpx box-border font-size-24rpx text-center">{{ item.title }}</view>
                    </sar-table-cell>
                    <sar-table-cell :width="item.descWidth">
                        <view class="p-20rpx box-border font-size-24rpx text-center">{{ item.desc }}</view>
                    </sar-table-cell>
                </sar-table-row>
            </template>
        </sar-table>
        <view class="my-20rpx bg-#ecf5ff p-30rpx">
            <view class="font-size-32rpx text-center font-700">个人所得税预扣率表</view>
            <view class="font-size-24rpx text-center mt-20rpx">（居民个人工资、薪资所得预扣预缴适用）</view>
        </view>
        <sar-table bordered>
            <sar-table-row>
                <sar-table-cell v-for="(item, index) in taxColumns" :key="index" :width="item.width">
                    <view class="p-20rpx box-border font-size-24rpx text-center">{{ item.title }}</view>
                </sar-table-cell>
            </sar-table-row>
            <template v-for="(item, index) in taxData" :key="index">
                <sar-table-row>
                    <sar-table-cell width="1" >
                        <view class="p-20rpx box-border font-size-24rpx text-center">{{ item.column1 }}</view>
                    </sar-table-cell>
                    <sar-table-cell width="6">
                        <view class="p-20rpx box-border font-size-24rpx text-center">{{ item.column2 }}</view>
                    </sar-table-cell>
                    <sar-table-cell width="3">
                        <view class="p-20rpx box-border font-size-24rpx text-center">{{ item.column3 }}</view>
                    </sar-table-cell>
                    <sar-table-cell width="2.5">
                        <view class="p-20rpx box-border font-size-24rpx text-center">{{ item.column4 }}</view>
                    </sar-table-cell>
                </sar-table-row>
            </template>
        </sar-table>
    </view>
</template>

<style lang="scss" scoped>
//</style>